/*
 * 微信用户信息展示
 * @Author: ljb
 * @Date: 2018-05-02 18:09:23
 * @Last Modified by: ljb
 * @Last Modified time: 2018-06-07 13:50:20
 */
<style lang="less" rel="stylesheet/less" type="text/less">

    .v-store-staff-info {
        .userInfo {
            text-align: left;
        }

        img {
            width: 150px;
            height: 150px;
        }

        .button {
            margin-top:90px;
        }
        .btn {
            margin-top:90px;
            margin-left:20px
        }
    }

</style>
<template>

	<Row class="v-store-staff-info">

		<i-col
			span="12"
			class="userInfo">

			<p class="headimg">{{ $t('staff.avatar') }}：</p>

			<img
				:src="wechatUser.headimgurl"
				alt="" >

		</i-col>

		<i-col
			span="12"
			class="userInfo">

			<h2>{{ $t('staff.name') + wechatUser.nickname }}</h2>

			<Button
				class="button"
				type="primary"
				@click="$emit('revise')">
				{{ $t('staff.confirm_update') }}
			</Button>

			<Button
				class="btn"
				type="error"
				@click="$emit('remove')">
				{{ $t('staff.unbind') }}
			</Button>

		</i-col>
	</Row>


</template>

<script>
export default {
	name: 'WechatInfo',
	props: {
		wechatUser: {
			type: Object,
			required: true,
		},
	},
	data() {
		return {

		};
	},
	methods: {},
};
</script>
